<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<div id="rightPan">
	<div id="rightbodyPan">
		<div align="center"><p style=" font-size: 24px; padding: 10px 0 5px 0;" >สูตรพิเศษของอาหารสุนัข</p></div>
		<div id="headerTab">
			<a style="width: 80px;" href="<s:url action="foodFtn_get" namespace="/product"/>">เรียกดูข้อมูล</a>
			<a style="width: 70px;" href="<s:url action="foodFtn_toAdd" namespace="/product"/>">เพิ่มสูตรพิเศษ</a>
			<a style="width: 120px;" id="clicked">เพิ่มประเภทสูตรพิเศษ</a>
		</div>
	    
	    <div align="center" style=" padding-top: 10px;">
		<display:table name="foodFTNTypeList" style="font-size:12px; background-color: white;">
			<display:column property="typeName" title="ประเภทสูตรที่มีอยู่แล้ว" style="text-align:left;"/>
		</display:table>
		</div>
		
		<script type="text/javascript">
			function addType()
			{
				if ( document.getElementById( 'typeName' ).value != "" )
				{
					document.getElementById( 'foodFtn_addType' ).submit();
				}
			}
		</script>

		<s:form id="foodFtn_addType" action="foodFtn_addType" theme="simple">
			<table>
				<tr>
					<td id="slabel" style="padding-top: 20px;">ประเภทสูตรที่ต้องการเพิ่ม:<span>*</span></td>
					<td style="padding-top: 20px;">
					<s:textfield name="foodFTN.typeName" size="40" id="typeName"></s:textfield></td>
				</tr>
			</table>

			<div align="center" style=" padding-top: 10px;">
				<input onclick="addType()" type="button" value="เพิ่มประเภทสูตร" id="button" style=" width: 120px; "></input>
			</div>
		</s:form>
		
	</div>
</div>